.route-gooddetail{
	padding-bottom:calc(160rpx + constant(safe-area-inset-bottom)) ;
	padding-bottom:calc(160rpx + env(safe-area-inset-bottom)) ; 
	.lunbo{
		
	}
	.card{
		background-color: #fff;
		border-radius: 10rpx;
		padding: 24rpx 16rpx;
	}
	.content{
		padding: 0 24rpx;
		.info-cont{
			margin-top: 24rpx;
			.name{
				font-size: 28rpx;
				font-weight: 500;
			}
			.price{
				margin-top: 14rpx;
				display: flex;
				align-items: baseline;
				color: #ED2920;
				font-size: 24rpx;
				.val{
					font-size: 36rpx;
					font-weight: 600;
				}
			}
			.desc{
				margin-top: 14rpx;
				.kc{
					font-size: 24rpx;
					color: #979797;
				}
			}
		}
		.detail-cont{
			margin-top: 24rpx;
			.tit{
				font-size: 24rpx;
				font-weight: 500;
			}
		}
		.hx-cont{
			margin-top: 24rpx;
			.tit{
				font-size: 24rpx;
				font-weight: 500;
			}
			.infoInner{
				margin-top: 14rpx;
			        box-sizing: border-box;
			        .item{
			          .itemtitle{
			            display: flex;
			          }
			        }
			      }
		}
	}
	.footer{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1;
		height:calc(120rpx + constant(safe-area-inset-bottom)) ;
		height:calc(120rpx + env(safe-area-inset-bottom)) ; 
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		padding: 21rpx 24rpx 0 24rpx;
		.footer-left{
			.imgcont{
				width: 38rpx;
				height: 38rpx;
				margin: 0 auto;
				.img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.text{
				font-size: 24rpx;
				margin-top: 10rpx;
			}
		}
		.footer-right{
			display: flex;
			.btn{
				width: 200rpx;
				height: 78rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 80rpx;
				font-size: 30rpx;
				color: #fff;
			}
			.jia{
				background-color: #FF6D0C;
				margin-right: 14rpx;
			}
			.mai{
				background-color: #ED2920;
			}
		}
	}
	.popCont{
		height: 60vh;
		padding-top: 55rpx;
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		.cont-box{
			width: 100%;
			padding: 0 24rpx;
			flex: 1;
		overflow-y: auto;
		
			.top{
				display: flex;
				padding-bottom: 24rpx;
				border-bottom: 1px solid #F5F5F5;
				.img-cont{
					width: 220rpx;
					height: 220rpx;
					background-color: #edf0f2;
					border-radius: 10rpx;
					flex-shrink: 0;
					.img{
						display: block;
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
				}
				.info{
					flex: 1;
					padding-left: 24rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.name{
						font-size: 28rpx;
						font-weight: 500;
					}
					.price{
						margin-top: 14rpx;
						display: flex;
						align-items: baseline;
						color: #ED2920;
						font-size: 24rpx;
						.val{
							font-size: 36rpx;
							font-weight: 600;
						}
					}
				}
			}
			.typeList{
				display: flex;
				flex-wrap: wrap;
				padding-top: 10px;
				.typeItem{
					padding: 5rpx 25rpx;
					border-radius: 6rpx;
					background-color: #edf0f2;
					margin-top: 20rpx;
					margin-right: 20rpx;
					border: 1px solid #edf0f2;
				}
				.active{
					background-color: #fff;
					border-color: #ED2920;
					color: #ED2920;
				}
			}
			.middle{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-bottom: 16rpx;
				margin-top: 24rpx;
				// border-bottom: 1px solid #F5F5F5;
				.text{
					font-size: 24rpx;
				}
			}
		}
		
		.popFooter{
			flex-shrink: 0;
			height: 120rpx;
			// height:calc(120rpx + constant(safe-area-inset-bottom)) ;
			// height:calc(120rpx + env(safe-area-inset-bottom)) ; 
			padding: 0 24rpx;
			border-top: 1px solid #F5F5F5;
			display: flex;
			justify-content: space-between;
			padding-top: 21rpx;
			.btn{
				width: calc(50% - 31rpx);
				height: 78rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 80rpx;
				font-size: 30rpx;
				color: #fff;
			}
			.jia{
				background-color: #FF6D0C;
				margin-right: 14rpx;
			}
			.mai{
				background-color: #ED2920;
			}
		}

	}
	
}